<template>
<el-menu :default-active="defaultActive" router :collapse="isCollapse" class="el-menu-vertical">
    <el-menu-item index="user_info">
        <el-icon><UserFilled /></el-icon>
        <template #title>
            <span class="menu-item-text">教师个人基本信息</span>
        </template>
    </el-menu-item>
    <el-menu-item index="basic_teaching_work">
        <el-icon><Management /></el-icon>
        <template #title>
            <span class="menu-item-text">基础教学工作</span>
        </template>
    </el-menu-item>
    <el-menu-item index="Professional_and_course_building_outcomes">
        <el-icon><Platform /></el-icon>
        <template #title>
            <span class="menu-item-text">专业和课程建设成果</span>
        </template>
    </el-menu-item>
    <el-menu-item index="Scientific_Research_Contest_and_Integrated_Curriculum_Reform">
        <el-icon><TrendCharts /></el-icon>
        <template #title>
            <span class="menu-item-text">科研大赛与一体化课改</span>
        </template>
    </el-menu-item>
    <el-menu-item index="Enterprise_practice_exercise">
        <el-icon><Flag /></el-icon>
        <template #title>
            <span class="menu-item-text">企业实践锻炼</span>
        </template>
    </el-menu-item>
    <el-menu-item index="export">
        <el-icon><Share /></el-icon>
        <template #title>
            <span class="menu-item-text">教师档案导出</span>
        </template>
    </el-menu-item>
    <el-menu-item index="" style="position: absolute; bottom: 0" @click="isCollapse=!isCollapse">
        <el-icon>
            <Expand v-show="isCollapse" />
            <Fold v-show="!isCollapse" />
        </el-icon>
    </el-menu-item>
</el-menu>
</template>

<script>

export default {
    name: "HomeAside",
    data() {
        return {
            isCollapse: true
        }
    },
    computed: {
        defaultActive() {
            return this.$route.path.replace('/', '');
        }
    },
    methods: {

    }
}
</script>

<style scoped>
/*.menu-item-text {*/
/*    padding-left: 20px;*/
/*}*/
.el-menu{
    height: calc(100vh - 90px);
}
.el-menu-vertical:not(.el-menu--collapse) {
    width: 250px;
}
</style>